<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>v-for</title>
</head>
<body>
	<div id="app">
		<ul>
			<li v-for="(v,k) of list">{{ (k+1) + ' => ' + v.title }}</li>
		</ul>
		<hr />
		<ul>
			<li v-for="(v,k) in list">{{ (k+1) + ' => ' + v.title }}</li>
		</ul>
	</div>
</body>
</html>
<script src="../2.1.8/vue.js"></script>
<script>
	// v-for :
	// 		功能：循环遍历数组元素
	// 		形式如下：
	// 			<li v-for="(v,k) in list">{{ (k+1) + ' => ' + v.title }}</li>
	// 			( v, k ) : v，表示每一项，k，表示每一项索引
	let list = [
		{ title : 'number1' },
		{ title : 'number2' },
		{ title : 'number3' },
		{ title : 'number4' }
	];
	let vm = new Vue({
		el : '#app',
		data : {
			list : list
		}
	});
</script>